*{
    margin: 0;
    padding: 0;
    font-family: "Microsoft Yahei";
}
ul li{list-style: none;}
.f14{font-size: 14px;}
.f12{font-size: 12px;}
a{
    text-decoration: none;
    outline:none;  //去掉点击a效果的虚线框
    .f12;
}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}
img,input{
    border: none;
    outline:none;
}
.b{display: block;}
.fl{float:left;}
.fr{float:right;}
.clear{clear: both;
font-size: 0px;
line-height: 0;}
//版心1100px居中
.main{
    width: 1100px;
    margin: 0 auto;
}
//相对浏览器定位
.ewm{
    background: url(../img/erweima.png) no-repeat 0 0;
    display: none;
    width: 301px;
    height: 185px;
    position: fixed;
    z-index: 999;
    right: 138px;
    bottom: 160px;
}
.erweima{
    cursor: pointer;
    width: 56px;
    height: 56px;
    background:url("../img/erweima.jpg") no-repeat scroll 0px -72px;
    z-index: 999;
    position: fixed;
    bottom: 160px;
    right: 75px;
    &:hover{
       background:url("../img/erweima.jpg") no-repeat scroll 0px 0px; 
    }
    &:hover .ewm{
        .b;
    }
    .ewm{
        background: url(../img/erweima.png) no-repeat 0 0;
        display: none;
        width: 301px;
        height: 185px;
        position: fixed;
        z-index: 999;
        right: 138px;
        bottom: 160px;
    }
}
.top{
    text-decoration: none;
    position: fixed;
    bottom: 95px;
    right: 75px;
    overflow: hidden;
    width: 56px;
    height: 56px;
    cursor: pointer;
    text-indent: -999px;
    background: url("../img/totop.gif") no-repeat scroll left top;
    z-index: 99;
}
//登录遮罩
#loginZhezhao{
    display: none;
    position: fixed;
    z-index: 1000;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    left: 0px;
    top: 0px;
}
//登录
p.myWasai{
    height: 35px;
    margin-top: 16px;
    label{
        width: 43px;
        height: 35px;
        line-height: 35px;
        .fl;
        text-align: left;
        font-size: 14px;
    }
    #user,#pwd,#confirmPwd,#nick,#code{
        width: 248px;
        height: 33px;
        border: 1px solid #9F9F9F;
        .fl;
        padding: 0px 0px 0px 5px;
    }
    span{
        .fl;
        .f12;
        line-height: 35px;
        .b;
        color: #F00;
    }
}
.rember{
    margin: 10px 0px 0px 43px;
    .fl;
}
//      登录按钮
.loginBtn{
    width: 204px;
    height: 35px;
    margin: 10px 0px 0px 43px;
    line-height: 35px;
    text-align: center;
    .fl;
    input{
        cursor: pointer;
        width: 102px;
        height: 35px;
        .fl;
        color: #FFF;
        font-size: 15px;
        background: transparent url("../img/logoButbg.gif") no-repeat scroll 0% 0%;
    }
    a{
        color: #229CA0;
        &:hover{text-decoration: underline;}
    }
}
#login{
    width: 461px;
    background: #FFF;
    z-index: 99999;
    position: fixed;
    top: 25%;
    left: 33%;
    display: none;
    padding: 0px 0px 22px;
    .loginTop{
        height: 49px;
        .loginTip{
            .fl;
            width: 389px;
            height: 49px;
            background: transparent url("../img/top_line.gif") repeat-x 0 0;
            font-size: 20px;
            line-height: 49px;
            padding: 0px 0px 0px 20px;
            color: #5C5C5C;
        }
        .loginClose{
            width: 51px;
            height: 49px;
            .fr;
            cursor: pointer;
            background: transparent url("../img/twoLevelPage.png") no-repeat scroll -1379px 0px;
        }
    }
    .loginMain{
        padding: 5px 0px 0px 46px;
        width: 465px;
        label{
           font-size: 14px; 
        }
    }
//  去注册
    .loginDash{
        height: 22px;
        border-bottom: 1px dashed #DBDBDB;
        font-size: 14px;
        margin: 10px 10px;
        position: relative;
        p{
            position: absolute;
            background: #FFF;
            top: 11px;
            left: 25%;
        }
    }
}

//头部开始
.header{
    width: 100%;
    height: 89px;
    background: url(../img/header_bg.gif) repeat-x 0 0;
    position: relative;
    box-shadow: 0px 1px 5px #DDD;
    .header_top{
        .main;
        height: 44px;
        line-height: 44px;
//      登录和注册
        .headerLogin{
            .fl;
            a{
                .b;
                .fl;
                height: 44px;
                width: 60px;
                
                text-align: center;
                color: #000;
                .f14;
                &:hover{
                    color: #38CCCC;
                }
            }
        }
        .myself{
            .fl;
            height: 44px;
            a{
                color: #5C5C5C;
                .f14;
                &:hover{text-decoration: underline;}
            }
        }
//      购物车
        .headerCart{
            .fr;
            height: 44px;
            background: url(../img/cart.png) no-repeat 0 13px;
            padding-left: 30px;
            a{
                .f14;
                color: #5B5B5B;
                span{
                    color: #FF7800;
                }
            }
        }
//      LOGO
        .logo{
            background: url(../img/logo.jpg) no-repeat 0 0;
            width: 250px;
            height: 88px;
            position: absolute;
            top: 0px;
            left: 560px;
        }
    }
//  头部导航
    .header_bottom{
        .main;
        .nav_left{
            .fl;
        }
        .nav_right{
            .fr;
        }
        ul{
            .index{
                width: 39px;
                background: url(../img/navIcon.png) no-repeat;
                &:hover{
                        background: #F6F6F6 url(../img/navIcon.png) no-repeat;
                    }
                a{
                    .b;
                    width: 39px;
                    height: 44px;
                }
            }
            li{
                .fl;
                width: 66px;
                height: 44px;
                border-left: 1px solid #F0F0F0;
                .fl;
                line-height: 44px;
                text-align: center;
                a{
                   .f14;
                   color:#222;
                    &:hover{
                    color: #38CCCC;
                    }
                }
            }
        }
//      搜索框
        .search{
            .fr;
            width: 242px;
            height: 44px;
            border-right: 1px solid #F0F0F0;
            .search-box{
                width: 190px;
                padding: 0px 0px 0px 10px;
                height: 42px;
                line-height: 42px;
                border: medium none;
                margin: 1px 0px 0px;
                .fl;
                .f12;
                color: #8A8A8A;
            }
            #search{
                background: url(../img/search.png) no-repeat center center;
                width: 42px;
                height: 43px;
                cursor: pointer;
            }
        }
    }
}
//头部结束

//banner轮播图开始
.banner{
    width: 1349px;
    height: 525px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: relative;
    ul.bannerLunbo{
        position: relative;
        width: 1349px;
        height: 525px;
        li{
            width: 1349px;
            height: 525px;
            position: absolute;
            top: 0px;left: 0px;
            a{
                .b;
                width: 100%;
                height: 525px;
            }
        }
    }
    a{
        position: absolute;
        .b;
        top: 50%;
        margin-top: -30px;
        z-index: 2;
        height: 68px;
        width: 68px;
    }
//  左侧按钮切换
    .prev{
        background: url(../img/arrows.png) no-repeat 0 -1px;
        left: 10px;
        &:hover{
            background: url(../img/arrows.png) no-repeat 0 bottom;
        }
    }
//  右侧按钮切换
    .next{
        background: url(../img/arrows.png) no-repeat right 0;
        right: 10px;
        &:hover{
            background: url(../img/arrows.png) no-repeat right bottom;
        }
    }
    .slider-nav{
        position: absolute;
        bottom: 10%;
        left: 630px;
        width: 136px;
        height: 12px;
        z-index: 100;
        li{
            cursor: pointer;
            width: 13px;
            height: 12px;
            background:url("../img/bullet.png") repeat scroll left top;
            float: left;
            margin-left: 8px;
        }
        li.style{
            background-position:0 100% ;
        }
    }
}
//banner轮播图结束

//当日精选开始
.container{
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 30px;
    h2{
        color: #999;
        font-size: 30px;
        padding: 50px 0px 0px;
        text-align: center;
    }
    div.container_list{
        width: 242px;
        height: 275px;
        .fl;
        margin: 40px 44px 0px 0px;
        a{
            width: 242px;
            height: 275px;
            position: relative;
            .b;
            &:hover div.shopLabel{
                box-shadow: 5px 5px 0px 0px #FFA128;
            }
            div.shopLabel{
                width: 162px;
                padding: 17px;
                background: #FFF none repeat scroll 0% 0%;
                position: relative;
                bottom: 35px;
                left: 23px;
                z-index: 1;
                box-shadow: 5px 5px 0px 0px #DDDDDD;
                line-height: 20px;
                font-size: 16px;
                text-align: center;
                color: #54D6D6;
            }
            div.shopBigLabel{
                width: 393px;
                left: 17px;
            }
        }
    }
    div.container_list_big {
        width: 528px;
        padding: 0 22px;
        height: 275px;
        margin-right: 0px;
    }
}
//当日精选结束
//闪购开始
.shangou{
    .main;
    height: 893px;
    h2{
        color: #999;
        font-size: 30px;
        padding: 70px 0px 0px;
        text-align: center;
        .shangouMore{
            .b;
            width: 82px;
            height: 23px;
            margin: 13px auto 0px;
            background: transparent url("../img/more.png") no-repeat scroll 0 0;
        }
    }
//  闪购列表
    .shangouList{
        width: 337px;
        height: 337px;
        .fl;
        box-shadow: 5px 5px 0px 0px #DDDDDD;
        margin: 44px 44px 0px 0px;
        position: relative;
        &:hover{
            box-shadow: 5px 5px 0px 0px #FFA128;
        }
        &:hover .djs{
            .b;
        }
        .djs{
            display: none;
            width: 307px;
            padding: 15px;
            height: 24px;
            background: rgba(138, 215, 217, 0.5) none repeat scroll 0 0;
            position: absolute;
            top: 0px;
            dl dt{
                .fl;
                margin-right: 10px;
            }
            dl dd{
                .fl;
                color: #FFF;
                font-size: 18px;
                line-height: 23px;
            }
        }
    }
}
//闪购结束

//总有些东西在激励着你，加入变革焕新自我
.something,.us{
    .main;
    height: 360px;
        h2{
            color: #999;
            font-size: 30px;
            padding: 70px 0px 0px;
            text-align: center;
        }
        div.container_list{
        width: 337px;
        height: 201px;
        .fl;
        margin: 40px 44px 0px 0px;
        a{
            width: 242px;
            position: relative;
            .b;
            &:hover div.shopLabel{
                box-shadow: 5px 5px 0px 0px #FFA128;
            }
            div.shopLabel{
                width: 233;
                padding: 17px;
                background: #FFF none repeat scroll 0% 0%;
                position: relative;
                bottom: 35px;
                left: 45px;
                z-index: 1;
                box-shadow: 5px 5px 0px 0px #DDDDDD;
                line-height: 20px;
                font-size: 16px;
                text-align: center;
                color: #54D6D6;
            }
  
        }
    }
}
//总有些东西在激励着你，加入变革焕新自我
.them{
    .main;
    height: 484px;
        h2{
        color: #999;
        font-size: 30px;
        padding: 70px 0px 10px;
        text-align: center;
            .themMore{
                .b;
                width: 96px;
                height: 23px;
                margin: 13px auto 0px;
                background: transparent url("../img/more.png") no-repeat scroll 0 -23px;
            }
        }
        ul li{
            .fl;
            width: 550px;
            height: 180px;
            position:relative;
            &:hover .zhezhao{
                .b;
            }
            .zhezhao{
                display: none;
                width: 542px;
                height: 172px;
                border: 4px solid #000;
                background: url("../img/left.png") no-repeat scroll 0 0;
//              opacity: 0.5;
                position: absolute;
                left: 0px;
                top: 0px;
                z-index: 2;
                div{
                    width: 271px;
                    height: 173px;
                    background: #40ADD8;
                    opacity: 0.5;   
                    position: absolute;  
                    left: 271px;
                    top: 0px; 
                    z-index: 4;       
                }  
                p{
                    width: 90px;
                    height: 70px;
                    text-align: center;
                    position: absolute;
                    left: 365px;
                    top: 50px;
                    z-index: 5;
                    span{
                        color: #000;
                        font-size: 15px;
                        .b;
                    }
                } 
                         
            }
        }
        ul .themRight{
           .zhezhao{
                display: none;
                width: 542px;
                height: 172px;
                border: 4px solid #000;
                background: url("../img/right.png") no-repeat scroll right 0;
//              opacity: 0.5;
                position: absolute;
                left: 0px;
                top: 0px;
                z-index: 2;
                div{
                    width: 271px;
                    height: 173px;
                    background: #40ADD8;
                    opacity: 0.5;   
                    position: absolute;  
                    left: 0px;
                    top: 0px; 
                    z-index: 4;       
                        
                }  
                p{
                    width: 90px;
                    height: 70px;
                    text-align: center;
                    position: absolute;
                    left: 93px;
                    top: 50px;
                    z-index: 5;
                    span{
                        color: #000;
                        font-size: 15px;
                        .b;
                    }
                } 
                         
            } 
        }
        
}

//设计品牌墙
.design{
    
    h2{
        color: #999;
        font-size: 30px;
        padding: 70px 0px 10px;
        text-align: center;
    }
    .brand{
        .main;
        height: 250px;
        a{
            .b;
            width: 160px;
            height: 68px;
            .fl;
            margin: 20px 0px 0px 17px;
        }
    }
}
//设计品牌墙






//底部开始
.footer{
//  底部上半部分
    .footer-top{
        width: 100%;
        margin-top: 20px;
        padding: 0px 0px 70px;
        background: #F6F6F6 url("../img/footer_bg.gif") repeat-x scroll center top;
        .footer-top-con{
            .main;
            padding: 100px 0 0 ;
            width: 1100px;
            height: 200px;
            dl{
                margin: 0px 0px 0px 75px;
                .fl;
                dt{
                    font-size: 20px;
                    padding-bottom: 10px;
                    color: #06C7D3;
                }
                dd{
                    .f14;
                    line-height: 22px;
                    position: relative;
                    &:hover img{
                        .b;
                    }
                    img{
                        display: none;
                        position: absolute;
                        top: -173px;
                        left: 10px;
                    }
                    .share{
                        width: 100px;
                        height: 29px;
                        .b;
                        background: transparent url("../img/share.png") no-repeat scroll 0% 0%;
                        padding: 0px 0px 0px 40px;
                        line-height: 29px;
                        font-size: 14px;
                        color: #4A4A4A;
                        margin: 0px 0px 10px;
                    }
                    .sina{background: transparent url("../img/share.png") no-repeat scroll 0% 0%;}
                    .qq{background: transparent url("../img/share.png") no-repeat scroll 0% -39px;}
                    .douban{background: transparent url("../img/share.png") no-repeat scroll 0% -78px;}
                    .renren{background: transparent url("../img/share.png") no-repeat scroll 0% -119px;}
                }
                .splendid a{
                    .f14;
                    color: #5B5B5B;
                    &:hover{
                        color: #FFF;
                        background: #00CCCC;
                    }
                }
            }
            div.ios{
                .fl;
                width: 118px;
                height: 162px;
                margin: 13px 0px 0px 130px;
            }
        }
    }    
    .footer-bottom{
        width: 100%;
        background: #07C7D3 none repeat scroll 0% 0%;
        height: 366px;
        .f12;
        h2{
            text-align: center;
            font-size: 27px;
            color: #FFF;
            line-height: 135px;
        }
        p{
            text-align: center;
            a{
                color: #FFF;
                margin-right: 9px;
            }
        }
        div.banquan{
            text-align: center;
            color: #FFF;
            margin: 15px 0px 0px;
        }
        div.renzheng{
            width: 370px;
            height: 58px;
            margin: 42px auto 0px;
            background: #FFF none repeat scroll 0% 0%;
            border-radius: 8px;
            a{
                width: 112px;
                height: 38px;
                .b;
                .fl;
                margin: 10px 0px 0px 8px;
                img{
                    width: 112px;height: 38px;
                }
            }
        }
    }
}

//底部结束

//列表页CSS开始
#cateNav{
    position: relative;
    width: 100%;
    background: #F6F6F6;
    padding: 50px 0px;
    border-bottom: 2px solid #E1E1E1;
    overflow: hidden;
    .cateNav{
        font-size: 14px;
        color: #0CC;
        a{
            font-size: 14px;
            color: #0CC;    
        }
    }
    .mid{
        position: relative;
        width: 1100px;
        margin: 0 auto;
        h2{
        font-size: 30px;
        color: #999;
        .fl;
        font-weight: normal;
        padding-top:10px;
        }
        .right{
            position: relative;
            .fr;
            width: 628px;
            overflow: hidden;
            p{
                width: 157px;
                margin: 0px 0px 3px;
                .fl;
                a{
                    color: #0CC;
                    line-height: 18px;
                    padding: 0px 5px;
                    font-size: 14px;
                    &:hover{
                        background: #0CC;
                        color: #FFF;
                    }
                }    
            }
        }
    } 
}

#conditionNav {
    position: relative;
    width: 100%;
    height: 53px;
    background: url(../img/condition_bg.gif) repeat-x;
    .mid{
        position: relative;
        margin: 0 auto;
        width: 1100px;
        height: 53px;
        .left{
            position: relative;
            .fl;
            width: 626px;
            height: 53px;
            ul {
                .on{
                    background-position: 0 -20px;
                }
            }
            ul li{
                border: 1px solid #00cccc;
                color: #00cccc;
                .fl;
                font-size: 14px;
                height: 27px;
                line-height: 27px;
                margin: 12px 9px 0 0;
                padding: 0 14px 0 36px;
                cursor: pointer;
                border-radius: 5px;
                text-align: center;
                background: #fff url(../img/icon2.png)no-repeat 0 0;
            }
        }
        .right{
            position: relative;
            .fr;
            width: 160px;
            height: 53px;
            a.newx{
                border: 1px solid #00cccc;
                width: 71px;
                height: 28px;
                color: #0CC;
                .b;
                line-height: 28px;
                .fr;
                border-radius: 5px 0px 0px 5px;
                margin: 12px 0px 0 0;
                background:#0CC;
                color: #fff;
                text-align: center;
            }
            a.hottest{
                border: 1px solid #00cccc;
                width: 71px;
                height: 28px;
                color: #0CC;
                .b;
                line-height: 28px;
                .fr;
                border-radius: 0px 5px 5px 0px;
                margin: 12px 9px 0 0;
                background: #fff;
                color:#0CC;
                text-align: center;
            }
        }
    }
}
//展示标签  价格 材质
.price{
    position: relative;
    margin: 0 auto;
    width: 1100px;
    border-bottom: 1px solid #E3E3E3;
    overflow: hidden;
    p{
        height:55px;
        width: 64px;
        text-align: right;
        line-height: 56px;
        color: #545454;
        font-size: 14px;
        .fl;
    }
    ul{width:1036px;padding-bottom: 20px;.fl;}
    ul li{
        .fl;
        padding: 17px 0px 0px 26px;
        .on{
            background: #0CC;
            color: #FFF;
        }
    }
    ul li a{
        font-size: 14px;
        color: #5C5C5C;
        padding: 5px;
        &:hover{
            background: #0CC;
            color: #FFF;
        }
    }
}
//展示标签  价格 材质
//商品展示
#commodity{
    position: relative;
    width: 1100px;
    margin: auto;
    margin-top: 32px;
    text-align: center;
    overflow: hidden;
    .comm{
        position: relative;
        .fl;
        width: 242px;
        height: 380px;
        margin: 0 16px;
        &:hover .collect{
            .b;
        }
        .collect{
            position: absolute;
            top: 10px;
            right: 10px;
            width: 101px;
            height: 30px;
            .fl;
            background: url("../img/goods.png") no-repeat  -1px -3px;
            color: #FFF;
            text-align: center;
            display: none;
            &:hover{
                background: url("../img/goods.png")no-repeat -1px -33px;
            }
            a{
                color: #fff;
                font-size: 12px;
                line-height: 28px; 
            }
        }
        a.title{
            line-height: 24px;
            height: 40px;
            padding: 10px 0px 0px;
            font-size: 12px;
            color: #5B5B5B;
            &:hover{
                color:#0CC;
            }
        }
        .xian{
            position: absolute;
            bottom: 60px;
            left: 55px;
            width: 144px;
            height: 10px;
            border-bottom: 1px solid #E2E2E2;
            margin: 0 auto;
            margin-top: 20px;
        }
        .goodsprice{
            width: 65px;
            height: 15px;
            padding: 0px 10px;
            background: #FFF;
            position: absolute;
            bottom: 57px;
            left: 85px;
            margin: 0px auto;
            color: #FF7800;
        }
    }
}

//商品展示
#footer_top{
    position: relative;
    width: 100%;
    height: 350px;
    background: #f6f6f6 url(../images/footerbg.gif)repeat-x;
    margin: 0 auto;
    
    .footer_top_con {
        width: 1100px;
        height: 200px;
        margin: 0px auto;
        padding: 100px 0px 0px;
        .list{
            position: relative;
            margin: 0px 100px 0px 75px;
            display: inline;
            .fl;
            
            p{  
                font-size: 20px;
                color: #06C7D3;
                margin-bottom: 15px;
            }
            ul li{
                color: #5C5C5C;
                a{
                    line-height: 20px;
                    color: #5C5C5C;
                    font-size: 14px;
                    font-family: 微软雅黑;
                    &:hover{
                        background: #0CC;
                        color: #fff;
                    }
                }    
            }
            
            ul li a.share {
                width: 100px;
                height: 29px;
                .b;
                background: transparent url("../images/share.png") no-repeat scroll 0% 0%;
                padding: 0px 0px 0px 40px;
                line-height: 29px;
                font-size: 14px;
                color: #4A4A4A;
                margin: 0px 0px 10px;
            }

            
        }
        .td_code{
            position: relative;
            .fl;
            display: inline;
            width: 118px;
            height: 162px;  
        }
        
    }
}
//底部上部分

//底部下部分
#footer_bottom{
    position: relative;
    width: 100%;
    height: 350px;
    background: #06C7D3;
    h2{
        font-size: 30px;
        color: #fff;
        text-align: center;
        font-weight: normal;
        padding:30px 0 40px 0 ;
    }
    .footerNav{
        position: relative;
        margin: 0 auto;
        text-align: center;
        a{
            font-size: 12px;
            color: #fff;
            margin-right: 5px;
        }
        p{
            font-size: 12px;
            color: #fff; 
            text-align: center;
            line-height: 50px;
        }
    }
    .renzhengPic {
        width: 370px;
        height: 58px;
        margin: 42px auto 0px;
        background: #fff ;
        border-radius: 8px;
        img{
            width: 112px;
            height: 38px;
            margin-top: 10px;
            margin-left: 6px;
        }
    }
    
}
//列表页CSS结束

//内容页CSS
.goods{
    .main;
    margin-top: 20px;    
}
.conLeft{
    width: 242px;
    .fl;
//  最爱排行和最热排行开始
    .love-hot{
        width: 242px;
        .love,.hot{
            width: 121px;
            height: 40px;
            border-top: 2px solid #F5F5F1;
            color: #229CA0;
            .fl;
            background: #F5F5F1 none repeat scroll 0% 0%;
            line-height: 40px;
            text-align: center;
        }
        .on{
            border-top-color: #229CA0;
            background: #EDEDED none repeat scroll 0% 0%;
        }
        ul{
            width: 219px;
            border: 1px solid #D9D9D9;
            padding: 7px 12px 19px 9px;
            .fl;
            li{
                padding-top: 10px;
                dt{
                    width: 74px;
                    height: 74px;
                    border: 1px solid #D9D9D9;
                    padding: 5px 0px 0px 5px;
                    .fl;
                }
                dd{
                    width: 128px;
                    height: 81px;
                    .fl;
                    margin-left: 8px;
                    a{
                        color: #229CA0;
                    }
                    span{
                        color: #FD834C;
                        .f12;
                    }
                }
            }
        }
    }
//  最爱排行和最热排行结束
//看过此商品的人还看过这个
    .looked{
        width: 242px;
        margin-top: 20px;
        span.lookedShop{
            background: #EDEDED;
            border-top: 2px solid #229CA0;
            color: #229CA0;
            .fl;
            height: 40px;
            line-height: 40px;
            text-align: center;
            width: 242px;
            .f14;
        }
        ul{
            width: 219px;
            border: 1px solid #D9D9D9;
            padding: 7px 12px 19px 9px;
            .fl;
            li{
                padding-top: 10px;
                dt{
                    width: 74px;
                    height: 74px;
                    border: 1px solid #D9D9D9;
                    padding: 5px 0px 0px 5px;
                    .fl;
                }
                dd{
                    width: 128px;
                    height: 81px;
                    .fl;
                    margin-left: 8px;
                    a{
                        color: #229CA0;
                    }
                    span{
                        color: #FD834C;
                        .f12;
                    }
                }
            }
        }
    }
//看过此商品的人还看过这个

}
.conRight{
    width: 828px;
    .fr;
    .leftShop{
        width: 420px;
        .fl;
        position: relative;
        .addLove{
            width: 37px;
            height: 37px;
            line-height: 37px;
            .b;
            background: #000;
            opacity: 0.5;
            border-radius: 50%;
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 26px;
            text-align: center;
            color: #FFF;
        }
    }
    .rightShop{
        width: 378px;
        color: #5C5C5C;
        .fr;
        position: relative;
        .success{
            position: absolute;
            bottom: 14px;
            left: -11px;
            width: 335px;
            height: 76px;
            padding: 11px 45px;
            border: 1px solid #77B500;
            background:#FFF url("../img/duigou.png") no-repeat 6px 14px;
            line-height: 25px;
            display: none;
            h3{
                height: 25px;
                color: #5B5B5B;
                font-size: 16px;
                font-weight: 700;
            }
            p{
                width: 335px;
                font-size: 14px;
                color: #8A8A8A;
                padding-left: 4px;
            }
            .close{
                color: #8A8A8A;
                position: absolute;
                top: 5px;
                right: 5px;
            }
        }
        .error{
            .success;
            width: 300px;
            height: 63px;
            background:#FFF url("../img/error.jpg") no-repeat 6px 10px;
            display: none;
            h2{font-weight: 700; font-size: 20px;display: inline;}
            a{
                .b;
                font-weight: 700;
                font-size: 17px;
            }
        }
        h2{
            font-size: 18px;
            color: #222;
            line-height: 30px;
            border-bottom: 1px solid #F3F3F3;
            padding: 0px 0px 15px;
            margin: 0px 0px 25px;
        }
        p.shopPrice{
            height: 32px;
            margin-bottom: 5px;
            span{
                .f12;
                a{
                    &:hover{
                        color: #47A6B5;
                    }
                }
            }
            span.price{
                width: 295px;
                height: 32px;
                font-weight: 700;
                font-size: 22px;
                margin: 0px 0px 0px 5px;
                display: inline;
                color: #FF7800;
            }
        }
        p{
            .f12;
        }
        ul{.f12;.fl;}
        ul.shopAddress{
            width: 300px;
            height: 20px;
            li{.fl;}
            .store_add{
                padding: 0px 10px 0px 7px;
            }
            .toAdress{
                border: 1px solid #FFF;
                background: #FFF;
                padding: 0px 7px 0px 3px;;
                cursor: pointer;
                &:hover{
                    background:#E6F6FA;
                    border: 1px solid #49ABC7;
                }
                span{
                    padding-right: 4px;
                    border-left: 1px solid #FFF;
                    border-right: 1px solid #FFF;
                    padding-left: 2px;
                }
                img{
                    margin: 0px 0px 2px;
                }
            }
        }
        ul.kuaidi{
            width: 294px;
            margin: 5px 0px 0px 64px;
            display: inline;
            li{.fl;width: 85px;}
        }
        .address_area{
            width: 412px;
            height: 291px;
            border: 1px solid #48AAC7;
            background: #FAFAFA;
            position: absolute;
            z-index: 10000;
            a{color: #5C5C5C;}
            dl{
                width: 396px;
                height: 35px;
                line-height: 35px;
                margin: 0px 0px 0px 8px;
                border-bottom: 1px solid #C8C9CE;
                dt{
                    .f14;
                    .fl;
                    width: 382px;
                }
                dd{
                    width: 14px;
                    height: 14px;
                    .fl;
                    cursor: pointer;
                }
            }
            .dangqian_city{
                width: 396px;
                height: 35px;
                line-height: 35px;
                margin: 0px 0px 0px 8px;
            }
            ul.citys{
                width: 396px;
                height: auto;
                margin: 5px 0px 0px 8px;
                li{
                    width: 49px;
                    .fl;
                    height: 22px;
                    line-height: 22px;
                    margin: 0px 30px 8px 0px;
                    a{
                        width: 42px;
                        height: 20px;
                        .b;.fl;
                        border: 1px solid #FAFAFA;
                        padding: 0px 0px 0px 5px;
                        &:hover{
                            background: #E6F6FA;
                            border: 1px solid #49ABC7;
                        }
                    }
                }
            }
        }
        .shopInfo{
                width: 378px;
                padding: 0px 0px 15px;
                .f12;
                dl dt{
                    width: 60px;
                    .fl;
                    margin: 15px 0px 0px;
                }
                dl dd{
                    width: 287px;
                    .fl;
                    ul li{
                        border: 1px solid #C8C9CE;
                        padding: 1px 10px;
                        .fl;
                        line-height: 20px;
                        margin: 13px 0px 0px 5px;
                        cursor: pointer;
                        position: relative;
                        white-space: nowrap;
                        &:hover{
                            border: 2px solid #77B500;
                            padding: 0px 9px;
                        }
                        img{
                            position: absolute;bottom: 0px;right: 0px;
                            display: none;
                        }
                    }
                    .checked{
                        border: 2px solid #77B500;
                        padding: 0px 9px;
                    }
                    .jian,.jia{
                        cursor: pointer;
                        width: 11px;
                        height: 11px;
                        border: 1px solid #C8C9CE;
                        .fl;
                        background: #FFF none repeat scroll 0% 0%;
                        line-height: 13px;
                        text-align: center;
                        margin: 4px 9px 0px 5px;
                    }
                    .num{
                        width: 40px;
                        height: 20px;
                        border: 1px solid #C8C9CE;
                        .fl;
                        text-align: center;
                        font-size: 16px;
                    }
                }
        }
        .shopBtn{
            width: 378px;
            height: 86px;
            .fl;
            margin: 0px 0px 15px;
            background: #E5E5E5 url("../img/shopBgBtn.gif") repeat scroll center center;
            .buyBtn{
                cursor: pointer;
                width: 261px;
                height: 50px;
                .b;
                margin: 18px auto 0px;
                line-height: 50px;
                color: #FFF;
                background: #46C600 url("../img/buycar2.png") no-repeat scroll 44px 16px;
                font-size: 18px;
                border-radius: 5px;
            }
        }

    }
//  右侧商品介绍
//  tab切换
    ul.shop_nav{
        padding-left: 280px;
        width: 548px;
        height: 36px;
        border-bottom: 1px solid #CFCFCF;
        li{
            cursor: pointer;
            .fl;
            height: 35px;
            line-height: 35px;
            width: 131px;
            text-align: center;
            background: #F5F6F1 none repeat scroll 0% 0%;
            border: 1px solid #CFCFCF;
            margin-right: 5px;
        }
        li.select{
            background: #FFF;
            height: 36px;
            border-bottom: medium none;
        }
    }
    div.shop_details{
//      标签云开始
        div.tags{
            width: 748px;
            height: 115px;
            border: 1px solid #EEE;
            margin: 70px 0 20px;
            div.tag{
                width: 346px;
                margin-left: 18px;
                .fl;
                height: 100px;
                border-left: 1px solid #EEE;
                margin-top: 5px;
                padding: 6px 0px 0px 18px;
                dl dt{
                    .fl;
                    width: 38px;
                    font-size: 14px;
                    .b;
                }
                dl dd{
                    .fl;
                    width: 300px;
                    color: #229CA0;
                    span{
                        .fl;
                        .f12;
                        margin-right: 6px;
                        height: 18px;
                        line-height: 18px;
                        background-color: #EEE;
                        .b;
                        white-space: nowrap;
                        margin-top: 4px;
                        padding: 0px 4px;
                    }
                }
            }        
        }
//      标签云结束
//      店主推荐
        .tuijian{
           li{
                .fl;
                border: 1px solid #EEE;
                width: 146px;
                height: 211px;
                margin-right: 20px;
                display: inline;
                background: transparent url("../default/newimages/grey.gif") no-repeat scroll 50% 40%;
                padding: 9px;
                a{color: #5B5B5B;}
                p{
                    color: #FD834C;
                    text-align: right;
                    padding: 0px 0px 0px 5px;
                    .f12;
                    b{
                        .fl;
                        text-align: left;
                        color: #8B8A8A;
                        font-weight: 400;
                        a{
                            color:#8B8A8A;
                            font-family: "宋体";
                            &:hover{text-decoration: underline;}
                        }
                    }
                }
           } 
        }
//      店主推荐结束
    }

}
//注册页面开始
.registerMain{
    width:490px;
    margin: 50px auto 0;
    span{
        .b;
        padding: 0px 0px 10px 80px;
        color: #229CA0;
        font-size: 19px;
    }
    
    .reg{
        .b;
        width: 102px;
        height: 43px;
        margin: 10px 80px;
        background:url("../img/0403_zhuce_zc.gif") no-repeat 0px 5px;
        cursor: pointer;
    }
    p.myWasai #user, p.myWasai #pwd, p.myWasai #confirmPwd, p.myWasai #nick, p.myWasai #code{
        border: 1px solid #00CCCB;
    }
    .myWasai label{
        width: 70px;
    }
    .myWasai span{
        padding:0;
    }
}


//注册页面结束

//购物车页面开始
//购物车页面
#cart{
    position: relative;
    width: 980px;
    height: 300px;
    margin: 0 auto;
    margin-top: 75px;
    .cart_count{
        margin: 20px 0 0 0;
        position: relative;
        width: 980px;
        height: 50px;
        .shopping{
            position: relative;
            float: left;
            width: 150px;
            height: 29px;
            margin: 20px 0 0 0;
            a{
              padding: 2px 0 0 20px;
              font-size: 12px;
              line-height:20 px;
              color: #5B5B5B;
              background:url("../img/shopping_logo.jpg")no-repeat 0 4px;
            }
        }
        .count{
            position: relative;
            float: left;
            width: 748px;
            height: 29px;
            margin: 20px 0 0 0; 
            p{  
                position: relative;
                float: right;
                display: block;
                font-size: 12px;
                color: #5C5C5C;
                padding-top: 5px;
                text-align: right;
            }
            span{
                position: relative;
                float: right;
                color: #FF7960;
                font-size: 16px;
                font-weight: 700;
            }
        }
        .balance{
            position: relative;
            float:right;
            width: 78px;
            height: 30px;
            margin: 10px 0 0 0; 
        }
        
    }
    
    .cart_tit{
        position: relative;
        margin: 0 auto ;
        width: 977px;
        height: 44px;
        background: url("../images/goodsbg.jpg") repeat-x;
        ul{
            .one{
                width: 200px;
               
            }
            .two{
                width: 110px;
            }
        }
        ul li{
            line-height: 44px;
            text-align: left;
            color: #5A5A58;
            font-weight: 700;
            float: left;
        }
        
    }
    .wares{
        position: relative;
        background: #f7f7f3 ;
        border: 1px solid #ededed;
        height: 90px;
        padding: 7px 0 0;
        width: 977px;
        margin-top: 15px;
        input{
            margin: 30px 10px ;
            display: block;
            float: left;
        }
        .buyGoods{
            display: block;
            width: 76px;
            height: 76px;
            margin-top: 5px;
            float: left;
            border: 1px solid #D9D9D9;
            a{display:block;width:69px;height:69px;padding: 3px;}
        }
        .message{
            display: block;
            width: 230px;
            height: 76px;
            margin-top: 5px;
            margin-left: 5px;
            float: left;
            a{
                color: #3B95A0;
                font-size: 12px;
            }
            p{
                font-size: 12px;
                color: #5C5C5C;
                line-height: 36px;
            }
        }  
        span{
            font-size: 14px;
            position: absolute;
            top: 40px;
        } 
        .unitPrice{
            color: #FF776B;
            left: 396px;
        }
        .unitGold{
            left: 538px;
        }
        .unitNum{
           left: 622px;
           top: 10px;
           input{
               border: 1px solid #CCC;
               width: 30px;
               text-align: center;
           }
        }
        .countPrice{
            color: #FF776B;
            right: 189px;
            font-weight: 700;
        }
        .operate{
            top: 30px;
             right: 85px;
             a{color: #3B95A0;}
        }
    }
    
    .entireCount{
        position: relative;
        width: 977px;
        height: 40px;
        background: #f7f7f3 ;
        border: 1px solid #ededed;
        margin: 15px 0;
        input{
            position: absolute;
            top: 15px;
            left:10px;
        }
        span{
            font-size: 12px;
            display: block;
            float: left;
            margin-left:30px;
            color: #5C5C5C;
            line-height: 40px;
            cursor: pointer;
        }
        a{
            color: #5B5B5B;
            font-size: 12px;
            display: block;
            line-height: 40px;
            float: left;
            margin-left: 12px;
        }
        .count{
            position: relative;
            float: right;
            height: 40px;
            margin-right: 20px;
            p{  
                position: relative;
                float: right;
                margin-left: 50px;
                display: block;
                font-size: 12px;
                color: #5C5C5C;
                line-height: 40px;
            }
            span{
                position: relative;
                float: right;
                color: #FF7960;
                font-size: 16px;
                margin-left: 0px;
                font-weight: 700;
                cursor: default;
            }
        }
        .enter{
            position: relative;
            top: 0px;
            left: 0px;
            cursor: pointer;
            background: url('../img/settlement.jpg') no-repeat 0 0;
        }
    }
}
h2{
    a{
        &:hover{text-decoration: underline;}
    }
}
//购物车页面结束

//订单信息页面开始
.confirm_address{
    width: 977px;
    padding-top: 20px;
    height: 31px;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    p a{
        color: #229CA0;
        font-weight: 700;
    }
}

ul.show_address{
    width: 977px;overflow: hidden;
    .default_address{
        width: 975px;
        border: 1px solid #27C5C9;
        background: #DFF6F7 url("../img/address_tubiao.jpg") no-repeat 9px 4px;
        margin: 13px 0px 0px;
        height: 28px;
        span.default_radio{
            margin-top: 10px;
        }
        span.sendTo{
            width: 50px;
            margin-left: 29px;
            margin-right: 9px;
            color: #229CA0;
            font-weight: 700;
        }
        span.other_address_info{
            font-weight: 700;
            color: #5B5B5B;
        }
    }
    li{
        height: 26px;
        margin-top: 8px;
        line-height: 26px;
        span{color: #5C5C5C;.f12;}
        .other_address_radio{
            margin: 5px 5px 0 79px;
        }
        .other_address_info{
            width: auto;
            height: 26px;
            line-height: 26px;
            margin-left: 10px;
        }
    }
}
#cart .order_tit ul{
    
   .one{
       width: 415px;
       text-align: center;
   } 
}
.ysfs_part_text{
    width: 60px;
    .fl;.f12;
    line-height: 42px;
    margin: 0px 0px 0px 15px;
}
#cart .ysfs_part_select{
    width: 140px;
    .fl;.f12;
    margin: 12px 0px 0px;
    span.kuaidi{
        color: #FF776B;
        font-weight: 700;
        margin-left: 10px;
        display: inline;
        float: none;
        .f14;
        line-height: 16px;
    }
}
.enter{
    position: relative;
    float: right;
    width: 163px;
    height: 42px;
    margin-bottom: 60px;
    cursor: pointer;
    input{
        width: 163px;
        height: 41px;
        background: url(../img/submit_order.gif) no-repeat 0 0;
    }
}
//订单信息页面结束



//个人中心页面开始
.userInfoTop{
    width: 100%;
    height: 265px;
    padding: 60px 0px 0px;
    margin-top: 3px;
    background: #E5E5E5 url("../img/diagonalMaskWhiteBg.gif") repeat center center;
    border-bottom: 1px solid #BBB;
    position: relative;
    .main{
        dl dt{
            .fl;
            position: relative;
            a{
                text-align: center;
                width: 160px;
                height: 24px;
                display: block;
                line-height: 24px;
                background: #666666;
                color: #FFF;
                position: absolute;
                bottom: 0px;
                left: 0px;
            }
        }
        dl dd{
            .fl;
            .f12;
            padding-left: 30px;
            p{
                color: #939393;
                margin: 15px 0px 5px;
            }
            span{
                line-height: 18px;
            }
        }
        ul{
          .fr;
          li{
              .fl;
              width: 77px;
              height: 52px;
              text-align: center;
              a{
                  font-size: 22px;
                  color: #0CC;
              }
              p{line-height: 20px;.f12;
                color: #5C5C5C;}
          }  
        }
    }
    .userInfoNav{
        height: 105px;
        position: relative;
        width: 1100px;
        margin: 0 auto;
        ul.userNav{
            height: 50px;
            position: absolute;
            bottom: 5px;
            left: 178px;
            .on{
                background: #FFF;
                border: 1px solid #BBB;
                border-bottom: 1px solid #FFF;
                a{
                    padding: 0px 34px 0px 35px;
                }
            }
            li{
                float: left;
                line-height: 50px;
                a{
                    height: 50px;
                    padding: 0px 35px;
                    display: block;
                    font-size: 15px;
                    line-height: 50px;
                    color: #5B5B5B;
                }
            }
        }   
    }
    
}
//个人中心开始
.defaultIndex{
    .main;
    width: 980px;
    padding: 20px 0px 0px 14px;
//  个人左侧开始
    .grLeft{
        float: left;
        width: 176px;
        .item{
            float: left;
            width: 174px;
            border: 1px solid #E1E1DD;
            margin: 0px 0px 16px;
            p{
                height: 23px;
                .f14;
                background: #F5F5F1 none repeat scroll 0% 0%;
                border-bottom: 1px solid #DEDEDB;
                padding: 8px 0px 0px 18px;
            }
            ul{
                float: left;
                width: 172px;
                padding: 10px 0px 10px 1px;
                li{
                    line-height: 26px;
                    width: 153px;
                    float: left;
                    padding: 0px 0px 0px 19px;
                    a{color: #229CA0;}
                }
                .current{
                    background: #EFEFED url("../img/current.png") no-repeat 162px 10px;
                    height: 26px;
                    color: #000;
                }
            }
        }
    }
    //  个人左侧结束
    .jfBox{
        background: #F5F5F1 none repeat scroll 0% 0%;
        width: 778px;
        float: right;
        padding: 5px;
        .wsmjTab3{
            background: transparent url("../img/selfTab.png") repeat-x scroll left top;
            height: 29px;
            width: 778px;
            li{
                float: left;
                text-align: center;
                height: 27px;
                border: 1px solid #DFDFDC;
                border-left: none;
                line-height: 26px;
                font-size: 14px;
                color: #229CA0;
                padding: 0px 15px;
                a{color: #229CA0;}
            }
            .current{
                
                background: #FFF;
                border-bottom: 1px solid #FFF;
                a{color:#000000}
            }
        }
        
        .box{
           border: 1px solid #DFDFDF;
           border-top: none;
           width: 776px;
           background: #FFF;
           padding-top: 50px;
           padding-bottom: 20px;
           .fl;
           form{
                padding-left:70px;
                background: #FFF;
                font-size: 12px;
                line-height: 30px;
                color: #5C5C5C;
                dl{clear:left}
                dl dt{
                    .fl;
                    width: 76px;
                    text-align: right;
                }
                dl dd{
                    .fl;
                    width: 270px;
                    input{border: 1px solid #ccc;padding: 2px;}
                    textarea{color: #5C5C5C;padding: 2px;}
                }
                .save{
                   width: 80px;height: 29px;
                   background: url(../img/save.png) no-repeat 0 0;
                }  
           }
           .operate{
               text-align: right;
               padding: 13px 3px 15px 0px;
               td{padding: 20px 0;}
           }
           .title_img{
               .b;
               width: 54px;
               height: 54px;
           }
           .title{line-height: initial;
           }
           
       }
        
    }
}


//地址新增开始

.addressAdd{
   width: 500px;height: 444px;
   background: #FFFFFF;
   position: fixed;
   top: 15%;left: 35%;
   z-index: 1000; 
   display: none;
   h3{
       padding: 10px 15px;
       height: 29px;
       background: url("../img/top_line.gif") repeat-x 0 0;
   }
   .closeBtn{
       cursor: pointer;
       display: block;
        width: 51px;
        height: 49px;
        background: transparent url("../img/twoLevelPage.png") no-repeat -1379px 0px;
        position: absolute;
        right: 0px;
        top: 0px;
   }
   .dialog_content{
       padding: 15px;
       .f14;
       .eject_con{
           padding-left: 70px;
           p{line-height: 40px;}
           .myAddress{
                background: url("../img/myAddress.png") no-repeat 0 0;
                width: 85px;
                height: 25px;
                border: 0px none;
                color: #FFF;
                font-size: 14px;
                cursor: pointer;
           }
           input{border: 1px solid #ccc;padding: 2px;}
           label{
               color: #9C9C9C;
                margin-left: 5px;
                width: 210px;
           }
       }
   }
}
//地址新增结束

//个人中心页面结束

.myindex{
    width: 770px;
    height: 288px;
    margin: 20px auto;
    border: 1px solid #E7E6E6;
    .fr;
    background: #FFF;
    .column{
        margin: 35px;
        margin-right: 0px;
        width: 208px;
        height: 220px;
        border-right: 1px solid #E7E6E6;
        ul{
            width: 110px;
            margin: 19px auto 0;
            li{
                margin: 0px 0px 7px;
                a{
                    width: 110px;
                    display: block;
                    text-align: center;
                    line-height: 23px;
                    color: #222;
                    font-size: 14px;
                    &:hover{background: #00CCCC;color: #FFF;border-radius: 5px;}
                }   
            }
        }
        .fl;
        .columnLogo{
            width: 40px;
            margin: 0 auto;
            background:url("../img/user_icon.png") no-repeat 0px 5px;
        }
        .columnLogo1{height: 44px;}    
        .columnLogo2{height: 50px;background-position: 0px -39px;}    
        .columnLogo3{width: 44px;height: 34px;margin-top:10px;background-position: 0px -89px;}    
    }
    
}
//分页样式
.cms_page{
    text-align: center;
}
.cms_page strong{
    margin-left: 3px;
    padding: 6px 5px;
    /*border: 1px solid #1FBD9E;*/
}
.cms_page a{
    margin-left: 3px;
    padding: 6px 5px;
    border: 1px solid #ccc;
}
.cms_page span.close{
    float: none;
}




